
<template>
  <!-- <h1>{{ msg }}</h1>-->
  <h2>{{ message }}</h2>

  <div>
    <!-- <router-link to="/foo">About </router-link> -->
    <router-link to="/login">Log in</router-link>
    <br />
    <router-view></router-view>
  </div>

  <!-- <h3> {{ name }} </h3>  -->
  <!-- <button @click="count++">count is: {{ count }}</button> -->
  <!-- <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p> -->
</template>

<script>
export default {
  name: "HelloWorld",
  // 接收父组件传递的值
  props: {
    message: String,
  },
  data() {
    return {
      count: 0,
    };
  },
};
</script>
